<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>统一地图平台API</title>
    <meta name="keywords" content="统一地图平台api">
    <meta name="description" content="统一地图平台api">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link href="./../script/api.css" rel="stylesheet">
</head>

<body class="restdemo-page">
    <div class="page_wrapper">
        <div data-tpl="" class="content-sidebar has_right">
            <div class="content">
                <div class="crumbs">
                    您现在的位置：
                    <a>开发</a> &gt;
                    <a>地图JS API</a> &gt;
                    <a>地图弹窗</a></div>
                <article>
                    <h1 class="title">
                        地图弹窗
                        <span class="update-time">最后更新时间: 2020年04月30日</span>
                    </h1>
                    <div>
                        <div class="md-container">
                            <h2>获取PopupManage服务对象</h2>
                            <div class="md-demo-code-wrapper">
                                <div class="md-demo-code-header"><a class="active">JavaScript</a></div>
                                <div class="md-demo-code-content">
                                    <div class="md-demo-code-content-item active">
                                        <pre><code class="js hljs javascript">
    let popupManage = map.Factory.PopupManage(); // 返回PopupManage对象;
                                        </code></pre>
                                    </div>
                                </div>
                            </div>
                            <h1>PopupManage</h1>
                            <h2>方法</h2>
                            <div class="md-atomic">
                                <div class="table-container" style="width:100%;">
                                    <table class="md-table">
                                        <tbody>
                                            <tr>
                                                <th>
                                                    <p>方法名</p>
                                                </th>
                                                <th>
                                                    <p>方法说明</p>
                                                </th>
                                                <th>
                                                    <p>参数</p>
                                                </th>
                                                <th>
                                                    <p>返回值</p>
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>addTextPopup</p>
                                                </td>
                                                <td>
                                                    <p>根据文本内容弹窗</p>
                                                </td>
                                                <td>
                                                    <p>1.id: string ID值</p>
                                                    <p>2.lngLat: [number, number] 经纬度坐标</p>
                                                    <p>3.text: string 文本内容</p>
                                                    <p>4.paras?: PopupParas 弹窗参数对象</p>
                                                </td>
                                                <td>
                                                    <p>Popup</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>addHtmlPopup</p>
                                                </td>
                                                <td>
                                                    <p>根据html文本内容弹窗</p>
                                                </td>
                                                <td>
                                                    <p>1.id: string ID值</p>
                                                    <p>2.lngLat: [number, number] 经纬度坐标</p>
                                                    <p>3.html: string html字符串内容</p>
                                                    <p>4.paras?: PopupParas 弹窗参数对象</p>
                                                </td>
                                                <td>
                                                    <p>Popup</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>addDomPopup</p>
                                                </td>
                                                <td>
                                                    <p>根据document对象进行弹窗</p>
                                                </td>
                                                <td>
                                                    <p>1.id: string ID值</p>
                                                    <p>2.lngLat: [number, number] 经纬度坐标</p>
                                                    <p>3.dom: Document html字符串内容</p>
                                                    <p>4.paras?: PopupParas 弹窗参数对象</p>
                                                </td>
                                                <td>
                                                    <p>Popup</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>removeAll</p>
                                                </td>
                                                <td>
                                                    <p>移除所有弹窗</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <h1>Popup</h1>
                            <h2>方法</h2>
                            <div class="md-atomic">
                                <div class="table-container" style="width:100%;">
                                    <table class="md-table">
                                        <tbody>
                                            <tr>
                                                <th>
                                                    <p>方法名</p>
                                                </th>
                                                <th>
                                                    <p>方法说明</p>
                                                </th>
                                                <th>
                                                    <p>参数</p>
                                                </th>
                                                <th>
                                                    <p>返回值</p>
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>remove</p>
                                                </td>
                                                <td>
                                                    <p>移除弹窗</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>update</p>
                                                </td>
                                                <td>
                                                    <p>更新弹窗所在坐标</p>
                                                </td>
                                                <td>
                                                    <p>1.lngLat: [number, number] 经纬度坐标</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>updateContentByText</p>
                                                </td>
                                                <td>
                                                    <p>更新弹窗内容为文本</p>
                                                </td>
                                                <td>
                                                    <p>text: string 文本值</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>updateContentByHtml</p>
                                                </td>
                                                <td>
                                                    <p>更新弹窗内容为hmtl字符串</p>
                                                </td>
                                                <td>
                                                    <p>1.html: string hmtl字符串</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>updateContentByDom</p>
                                                </td>
                                                <td>
                                                    <p>更新弹窗内容为document内容</p>
                                                </td>
                                                <td>
                                                    <p>1.dom: Document </p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>isOpen</p>
                                                </td>
                                                <td>
                                                    <p>弹窗是否是打开状态</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>boolean</p>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <h2>PopupParas</h2>
                            <div class="md-atomic">
                                <div class="table-container" style="width:100%;">
                                    <table class="md-table">
                                        <tbody>
                                            <tr>
                                                <th>
                                                    <p>名称</p>
                                                </th>
                                                <th>
                                                    <p>类型</p>
                                                </th>
                                                <th>
                                                    <p>是否必须(true/false)</p>
                                                </th>
                                                <th>
                                                    <p>默认值</p>
                                                </th>
                                                <th>
                                                    <p>说明</p>
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>closeButton</p>
                                                </td>
                                                <td>
                                                    <p>boolean</p>
                                                </td>
                                                <td>
                                                    <p>fasle</p>
                                                </td>
                                                <td>
                                                    <p>true</p>
                                                </td>
                                                <td>
                                                    <p>是否展示弹窗关闭按钮</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>offset</p>
                                                </td>
                                                <td>
                                                    <p>[number,number]</p>
                                                </td>
                                                <td>
                                                    <p>[0, 0]</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>Array 数组对象 第一个值是水平偏移量,第二个值是垂直偏移量,大于0时向下移动</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>maxWidth</p>
                                                </td>
                                                <td>
                                                    <p>string</p>
                                                </td>
                                                <td>
                                                    <p>false</p>
                                                </td>
                                                <td>
                                                    <p>'240px'</p>
                                                </td>
                                                <td>
                                                    <p>设置弹出窗口最大宽度的CSS属性</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>closeEvent</p>
                                                </td>
                                                <td>
                                                    <p>Function</p>
                                                </td>
                                                <td>
                                                    <p>false</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>关闭事件</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>openEvent</p>
                                                </td>
                                                <td>
                                                    <p>Function</p>
                                                </td>
                                                <td>
                                                    <p>false</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>打开事件</p>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
</body>

</html>